<%@ page contentType="text/html; charset=UTF-8"%>
<%@include file="/html/portlet/chart/view/init.jsp"%>

<portlet:defineObjects />
<div class="chart-theme-lr" >
		 <div class="col-xs-6">
		 	<label><liferay-ui:message key="chart.theme.vintage" />:</label>
                          <a href="javascript:<portlet:namespace />selectTheme('vintage','<liferay-ui:message key="chart.theme.vintage" />');" class="theme-plan-group" title="<liferay-ui:message key="chart.theme.vintage" />" style="background-color: rgb(254, 248, 239);">
                            <div class="theme-plan-color" style="background-color: rgb(216, 124, 124);">
                            </div><div class="theme-plan-color" style="background-color: rgb(145, 158, 139);">
                            </div><div class="theme-plan-color" style="background-color: rgb(215, 171, 130);">
                            </div><div class="theme-plan-color" style="background-color: rgb(110, 112, 116);">
                            </div><div class="theme-plan-color" style="background-color: rgb(97, 160, 168);">
                            </div><div class="theme-plan-color" style="background-color: rgb(239, 161, 141);">
                            </div><div class="theme-plan-color" style="background-color: rgb(120, 116, 100);">
                            </div><div class="theme-plan-color" style="background-color: rgb(204, 126, 99);">
                            </div><div class="theme-plan-color" style="background-color: rgb(114, 78, 88);">
                            </div><div class="theme-plan-color" style="background-color: rgb(75, 86, 91);">
                            </div>
                          </a>
                        </div><div class="col-xs-6">
             <label><liferay-ui:message key="chart.theme.dark" />:</label>
                          <a href="javascript:<portlet:namespace />selectTheme('dark','<liferay-ui:message key="chart.theme.dark" />');" class="theme-plan-group" title="<liferay-ui:message key="chart.theme.dark" />" style="background-color: rgb(51, 51, 51);">
                            <div class="theme-plan-color" style="background-color: rgb(221, 107, 102);">
                            </div><div class="theme-plan-color" style="background-color: rgb(117, 154, 160);">
                            </div><div class="theme-plan-color" style="background-color: rgb(230, 157, 135);">
                            </div><div class="theme-plan-color" style="background-color: rgb(141, 193, 169);">
                            </div><div class="theme-plan-color" style="background-color: rgb(234, 126, 83);">
                            </div><div class="theme-plan-color" style="background-color: rgb(238, 221, 120);">
                            </div><div class="theme-plan-color" style="background-color: rgb(115, 163, 115);">
                            </div><div class="theme-plan-color" style="background-color: rgb(115, 185, 188);">
                            </div><div class="theme-plan-color" style="background-color: rgb(114, 137, 171);">
                            </div><div class="theme-plan-color" style="background-color: rgb(145, 202, 140);">
                            </div><div class="theme-plan-color" style="background-color: rgb(244, 159, 66);">
                            </div>
                          </a>
                        </div><div class="col-xs-6">
                  <label><liferay-ui:message key="chart.theme.westeros" />:</label>
                          <a href="javascript:<portlet:namespace />selectTheme('westeros','<liferay-ui:message key="chart.theme.westeros" />');" class="theme-plan-group" title="<liferay-ui:message key="chart.theme.westeros" />" style="background-color: transparent;">
                            <div class="theme-plan-color" style="background-color: rgb(81, 107, 145);">
                            </div><div class="theme-plan-color" style="background-color: rgb(89, 196, 230);">
                            </div><div class="theme-plan-color" style="background-color: rgb(237, 175, 218);">
                            </div><div class="theme-plan-color" style="background-color: rgb(147, 183, 227);">
                            </div><div class="theme-plan-color" style="background-color: rgb(165, 231, 240);">
                            </div><div class="theme-plan-color" style="background-color: rgb(203, 176, 227);">
                            </div>
                          </a>
                        </div><div class="col-xs-6">
                  <label><liferay-ui:message key="chart.theme.essos" />:</label>
                          <a href="javascript:<portlet:namespace />selectTheme('essos','<liferay-ui:message key="chart.theme.essos" />');" class="theme-plan-group" title="<liferay-ui:message key="chart.theme.essos" />" style="background-color: rgba(242, 234, 191, 0.14902);">
                            <div class="theme-plan-color" style="background-color: rgb(137, 52, 72);">
                            </div><div class="theme-plan-color" style="background-color: rgb(217, 88, 80);">
                            </div><div class="theme-plan-color" style="background-color: rgb(235, 129, 70);">
                            </div><div class="theme-plan-color" style="background-color: rgb(255, 178, 72);">
                            </div><div class="theme-plan-color" style="background-color: rgb(242, 214, 67);">
                            </div><div class="theme-plan-color" style="background-color: rgb(235, 219, 164);">
                            </div>
                          </a>
                        </div><div class="col-xs-6">
                    <label><liferay-ui:message key="chart.theme.wonderland" />:</label>
                          <a  href="javascript:<portlet:namespace />selectTheme('wonderland','<liferay-ui:message key="chart.theme.wonderland" />');" class="theme-plan-group" title="<liferay-ui:message key="chart.theme.wonderland" />" style="background-color: transparent;">
                            <div class="theme-plan-color" style="background-color: rgb(78, 163, 151);">
                            </div><div class="theme-plan-color" style="background-color: rgb(34, 195, 170);">
                            </div><div class="theme-plan-color" style="background-color: rgb(123, 217, 165);">
                            </div><div class="theme-plan-color" style="background-color: rgb(208, 100, 138);">
                            </div><div class="theme-plan-color" style="background-color: rgb(245, 141, 178);">
                            </div><div class="theme-plan-color" style="background-color: rgb(242, 179, 201);">
                            </div>
                          </a>
                        </div><div class="col-xs-6">
             <label><liferay-ui:message key="chart.theme.walden" />:</label>
                          <a  href="javascript:<portlet:namespace />selectTheme('walden','<liferay-ui:message key="chart.theme.walden" />');" class="theme-plan-group" title="<liferay-ui:message key="chart.theme.walden" />" style="background-color: rgba(252, 252, 252, 0);">
                            <div class="theme-plan-color" style="background-color: rgb(63, 177, 227);">
                            </div><div class="theme-plan-color" style="background-color: rgb(107, 230, 193);">
                            </div><div class="theme-plan-color" style="background-color: rgb(98, 108, 145);">
                            </div><div class="theme-plan-color" style="background-color: rgb(160, 167, 230);">
                            </div><div class="theme-plan-color" style="background-color: rgb(196, 235, 173);">
                            </div><div class="theme-plan-color" style="background-color: rgb(150, 222, 232);">
                            </div>
                          </a>
                        </div>
 	</div>
 	<div class="chart-theme-lr">
                    <div class="col-xs-6">
              <label><liferay-ui:message key="chart.theme.chalk" />:</label>
                          <a href="javascript:<portlet:namespace />selectTheme('chalk','<liferay-ui:message key="chart.theme.chalk" />');" class="theme-plan-group" title="<liferay-ui:message key="chart.theme.chalk" />" style="background-color: rgb(41, 52, 65);">
                            <div class="theme-plan-color" style="background-color: rgb(252, 151, 175);">
                            </div><div class="theme-plan-color" style="background-color: rgb(135, 247, 207);">
                            </div><div class="theme-plan-color" style="background-color: rgb(247, 244, 148);">
                            </div><div class="theme-plan-color" style="background-color: rgb(114, 204, 255);">
                            </div><div class="theme-plan-color" style="background-color: rgb(247, 197, 160);">
                            </div><div class="theme-plan-color" style="background-color: rgb(212, 164, 235);">
                            </div><div class="theme-plan-color" style="background-color: rgb(210, 245, 166);">
                            </div><div class="theme-plan-color" style="background-color: rgb(118, 242, 242);">
                            </div>
                          </a>
                        </div><div class="col-xs-6">
                 <label><liferay-ui:message key="chart.theme.infographic" />:</label>
                          <a  href="javascript:<portlet:namespace />selectTheme('infographic','<liferay-ui:message key="chart.theme.infographic" />');" class="theme-plan-group" title="<liferay-ui:message key="chart.theme.infographic" />" style="background-color: transparent;">
                            <div class="theme-plan-color" style="background-color: rgb(193, 35, 43);">
                            </div><div class="theme-plan-color" style="background-color: rgb(39, 114, 123);">
                            </div><div class="theme-plan-color" style="background-color: rgb(252, 206, 16);">
                            </div><div class="theme-plan-color" style="background-color: rgb(232, 124, 37);">
                            </div><div class="theme-plan-color" style="background-color: rgb(181, 195, 52);">
                            </div><div class="theme-plan-color" style="background-color: rgb(254, 132, 99);">
                            </div><div class="theme-plan-color" style="background-color: rgb(155, 202, 99);">
                            </div><div class="theme-plan-color" style="background-color: rgb(250, 216, 96);">
                            </div><div class="theme-plan-color" style="background-color: rgb(243, 164, 59);">
                            </div><div class="theme-plan-color" style="background-color: rgb(96, 192, 221);">
                            </div><div class="theme-plan-color" style="background-color: rgb(215, 80, 75);">
                            </div><div class="theme-plan-color" style="background-color: rgb(198, 229, 121);">
                            </div><div class="theme-plan-color" style="background-color: rgb(244, 224, 1);">
                            </div><div class="theme-plan-color" style="background-color: rgb(240, 128, 90);">
                            </div><div class="theme-plan-color" style="background-color: rgb(38, 192, 192);">
                            </div>
                          </a>
                        </div><div class="col-xs-6">
           <label><liferay-ui:message key="chart.theme.macarons" />:</label>
                          <a href="javascript:<portlet:namespace />selectTheme('macarons','<liferay-ui:message key="chart.theme.macarons" />');" class="theme-plan-group" title="<liferay-ui:message key="chart.theme.macarons" />" style="background-color: transparent;">
                            <div class="theme-plan-color" style="background-color: rgb(46, 199, 201);">
                            </div><div class="theme-plan-color" style="background-color: rgb(182, 162, 222);">
                            </div><div class="theme-plan-color" style="background-color: rgb(90, 177, 239);">
                            </div><div class="theme-plan-color" style="background-color: rgb(255, 185, 128);">
                            </div><div class="theme-plan-color" style="background-color: rgb(216, 122, 128);">
                            </div><div class="theme-plan-color" style="background-color: rgb(141, 152, 179);">
                            </div><div class="theme-plan-color" style="background-color: rgb(229, 207, 13);">
                            </div><div class="theme-plan-color" style="background-color: rgb(151, 181, 82);">
                            </div><div class="theme-plan-color" style="background-color: rgb(149, 112, 109);">
                            </div><div class="theme-plan-color" style="background-color: rgb(220, 105, 170);">
                            </div><div class="theme-plan-color" style="background-color: rgb(7, 162, 164);">
                            </div><div class="theme-plan-color" style="background-color: rgb(154, 127, 209);">
                            </div><div class="theme-plan-color" style="background-color: rgb(88, 141, 213);">
                            </div><div class="theme-plan-color" style="background-color: rgb(245, 153, 78);">
                            </div><div class="theme-plan-color" style="background-color: rgb(192, 80, 80);">
                            </div><div class="theme-plan-color" style="background-color: rgb(89, 103, 140);">
                            </div><div class="theme-plan-color" style="background-color: rgb(201, 171, 0);">
                            </div><div class="theme-plan-color" style="background-color: rgb(126, 176, 10);">
                            </div><div class="theme-plan-color" style="background-color: rgb(111, 85, 83);">
                            </div><div class="theme-plan-color" style="background-color: rgb(193, 64, 137);">
                            </div>
                          </a>
                        </div><div class="col-xs-6">
               <label><liferay-ui:message key="chart.theme.roma" />:</label>
                          <a href="javascript:<portlet:namespace />selectTheme('roma','<liferay-ui:message key="chart.theme.roma" />');" class="theme-plan-group" title="<liferay-ui:message key="chart.theme.roma" />" style="background-color: transparent;">
                            <div class="theme-plan-color" style="background-color: rgb(224, 31, 84);">
                            </div><div class="theme-plan-color" style="background-color: rgb(0, 24, 82);">
                            </div><div class="theme-plan-color" style="background-color: rgb(245, 232, 200);">
                            </div><div class="theme-plan-color" style="background-color: rgb(184, 210, 199);">
                            </div><div class="theme-plan-color" style="background-color: rgb(198, 179, 142);">
                            </div><div class="theme-plan-color" style="background-color: rgb(164, 216, 194);">
                            </div><div class="theme-plan-color" style="background-color: rgb(243, 217, 153);">
                            </div><div class="theme-plan-color" style="background-color: rgb(211, 117, 143);">
                            </div><div class="theme-plan-color" style="background-color: rgb(220, 195, 146);">
                            </div><div class="theme-plan-color" style="background-color: rgb(46, 71, 131);">
                            </div><div class="theme-plan-color" style="background-color: rgb(130, 182, 233);">
                            </div><div class="theme-plan-color" style="background-color: rgb(255, 99, 71);">
                            </div><div class="theme-plan-color" style="background-color: rgb(160, 146, 241);">
                            </div><div class="theme-plan-color" style="background-color: rgb(10, 145, 93);">
                            </div><div class="theme-plan-color" style="background-color: rgb(234, 248, 137);">
                            </div><div class="theme-plan-color" style="background-color: rgb(102, 153, 255);">
                            </div><div class="theme-plan-color" style="background-color: rgb(255, 102, 102);">
                            </div><div class="theme-plan-color" style="background-color: rgb(60, 179, 113);">
                            </div><div class="theme-plan-color" style="background-color: rgb(213, 177, 88);">
                            </div><div class="theme-plan-color" style="background-color: rgb(56, 182, 182);">
                            </div>
                          </a>
                        </div><div class="col-xs-6">
                  <label><liferay-ui:message key="chart.theme.shine" />:</label>
                          <a href="javascript:<portlet:namespace />selectTheme('shine','<liferay-ui:message key="chart.theme.shine" />');" class="theme-plan-group" title="<liferay-ui:message key="chart.theme.shine" />" style="background-color: transparent;">
                            <div class="theme-plan-color" style="background-color: rgb(193, 46, 52);">
                            </div><div class="theme-plan-color" style="background-color: rgb(230, 182, 0);">
                            </div><div class="theme-plan-color" style="background-color: rgb(0, 152, 217);">
                            </div><div class="theme-plan-color" style="background-color: rgb(43, 130, 29);">
                            </div><div class="theme-plan-color" style="background-color: rgb(0, 94, 170);">
                            </div><div class="theme-plan-color" style="background-color: rgb(51, 156, 168);">
                            </div><div class="theme-plan-color" style="background-color: rgb(205, 168, 25);">
                            </div><div class="theme-plan-color" style="background-color: rgb(50, 164, 135);">
                            </div>
                          </a>
                        </div><div class="col-xs-6">
                    <label><liferay-ui:message key="chart.theme.purple-passion" />:</label>
                          <a href="javascript:<portlet:namespace />selectTheme('purple-passion','<liferay-ui:message key="chart.theme.purple-passion" />');"  class="theme-plan-group" title="<liferay-ui:message key="chart.theme.purple-passion" />" style="background-color: rgb(91, 92, 110);">
                            <div class="theme-plan-color" style="background-color: rgb(138, 124, 168);">
                            </div><div class="theme-plan-color" style="background-color: rgb(224, 152, 199);">
                            </div><div class="theme-plan-color" style="background-color: rgb(143, 211, 232);">
                            </div><div class="theme-plan-color" style="background-color: rgb(113, 102, 158);">
                            </div><div class="theme-plan-color" style="background-color: rgb(204, 112, 175);">
                            </div><div class="theme-plan-color" style="background-color: rgb(124, 180, 204);">
                            </div>
                          </a>
                        </div>
	</div>
</div>